iT邦幫忙

2022 iThome 鐵人賽

DAY 14
1
自我挑戰組

九局下半的學習日誌系列 第 14

<DAY 14><HTML>測試API 連接本地JSON檔 JSON-SEVER

  • 分享至 

  • xImage
  •  

前情提要

版面刻好了之後就是資料串接,我拿到了幾個json檔,卻不知如何下手,原本想說跟css一樣直接src連接就好,但顯然事情沒有那麼簡單。

這邊要小抱怨一下,搜尋"連接本地json"實際能給予幫助的文章很難被搜出來,尤其是有很多直接在url打上資料夾位置我是沒有一個成功,我能力不夠好還沒法一看就知道原理,難怪說做前端要先學會通靈。

總之後來就想說能不能上傳json檔到網路上以供接收,就找到了這個:JSON-SEVER

功能:簡單來說JSON-SEVER功能就是把你的json變成可供使用的api。

安裝:

要有node.js,沒有請安裝。
https://nodejs.org/zh-tw/download/

進CMD,進行安裝。

npm install -g json-server  

-g代表全域。

CMD移動到你的json檔放的位置。

json-sever 你的json檔名稱

好這樣就可以了,到網址localhost:3000去查看吧。


上一篇
<DAY13><發病><隨意寫寫>
下一篇
<DAY15><HTML>flex快速排版
系列文
九局下半的學習日誌30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言